<? $this->load->view('header'); ?>
  <header id="site-header">

  
  <section  id="search-bar">
    <div  class="wrapper">
    <form  action="http://m.ichufang.cn/search/caipu/"  method="GET">
        <input  type="text"  class="search"  placeholder="菜谱、食材搜索"  name="keyword">
        <input  type="submit"  hidden="True"  value="搜索"  class="search-button">
    </form>
    </div>
  </section>


  </header>

  
  <div  id="site-body">
    <section  class="pop-keywords">
      <div  class="body">
        <ul  class="plain">
            <li><a  href="http://m.ichufang.cn/search/caipu/?keyword=%E5%AE%B6%E5%B8%B8%E8%8F%9C">家常菜</a></li>
            <li><a  href="http://m.ichufang.cn/search/caipu/?keyword=%E8%9B%8B%E7%B3%95">蛋糕</a></li>
            <li><a  href="http://m.ichufang.cn/search/caipu/?keyword=%E6%97%A9%E9%A4%90">早餐</a></li>
            <li><a  href="http://m.ichufang.cn/search/caipu/?keyword=%E7%B2%A5">粥</a></li>
        </ul>
      </div>
    </section>

    
    <section  class="pop-recipes">
      <header>
        <div  class="name">流行菜谱</div>
        <div  class="actions"><a href="http://m.ichufang.cn/caipu/">全部 &gt;</a></div>
      </header>
      <div  class="body">
        <div  class="dishes swipe"  id="slider"  style="visibility: visible;">
          <div  class="swipe-wrap"  style="width: 6175px;">
            <?php foreach ($caipu_zaocan as $zaocan) :?>
            <div  data-index="0"  style="width: 1235px; left: 0px; transition: 400ms; -webkit-transition: 400ms; -webkit-transform: translate(-1235px, 0px) translateZ(0px);">
              <ul  class="recipe plain flex">
                <li>
                  <a  href="http://m.ichufang.cn/recipe/<?=$zaocan['id']?>">
                    <div  class="mask recipe"  style="background-image:url(&quot;<?=$zaocan['coverImage']?>&quot;)">
                    </div>
                  </a>
                  <span  class="title"><?=cutstr($zaocan['title'],9,'')?></span>
                </li>
              </ul>
            </div>
            <?php endforeach;?>
          </div>
        </div>
        <ul  class="slider-nav plain">
          <li  class=""></li>
          <li  class=""></li>
          <li  class=""></li>
          <li  class=""></li>
          <li  class="on"></li>
        </ul>
      </div>
    </section>

    <section  class="pop-categories">
      <div  class="body">
        <ul  class="plain">
          <li>
            <a  href="http://m.ichufang.cn/caipu/%E5%AE%B6%E5%B8%B8%E8%8F%9C">
              <div  class="icon"></div>
              <div>家常菜</div>
            </a>
          </li>
          <li>
            <a  href="http://m.ichufang.cn/caipu/%E5%BF%AB%E6%89%8B%E8%8F%9C">
              <div  class="icon"></div>
              <div>快手菜</div>
            </a>
          </li>
          <li>
            <a  href="http://m.ichufang.cn/caipu/%E4%B8%8B%E9%A5%AD%E8%8F%9C">
              <div  class="icon"></div>
              <div>下饭菜</div>
            </a>
          </li>
          <li>
            <a  href="http://m.ichufang.cn/search/caipu/?keyword=%E6%97%A9%E9%A4%90">
              <div  class="icon"></div>
              <div>早餐</div>
            </a>
          </li>
          <li>
            <a  href="http://m.ichufang.cn/search/caipu/?keyword=%E8%82%89">
              <div  class="icon"></div>
              <div>肉</div>
            </a>
          </li>
          <li>
            <a  href="http://m.ichufang.cn/search/caipu/?keyword=%E9%B1%BC">
              <div  class="icon"></div>
              <div>鱼</div>
            </a>
          </li>
          <li>
            <div><a  href="http://m.ichufang.cn/shicai/"  class="expand">全部菜谱分类</a></div>
          </li>
        </ul>
      </div>
    </section>

    
  </div>


<? $this->load->view('footer'); ?>